<template>
  <!-- 持仓分析行业布局组件 -->
  <div class="insustry_layout_wrapper">
    <div class="industry_layout_tips">持仓分析</div>
    <div v-if="pieOptionData" v-show="pieOptionData.length">
      <div class="line_chart" id="chart"></div>
    </div>
    <div v-show="!pieOptionData.length">
      <NoData />
    </div>
  </div>
</template>

<script>
import NoData from '../components/common/NoData.vue';
export default {
  name: 'InsustryLayout',
  data() {
    return {
      isCircle: true,
    };
  },
  props: {
    pieOptionData: {
      default: '暂无数据',
      type: Array,
    },
  },
  components: {
    NoData
  }
};
</script>

<style lang="less" scoped>
.insustry_layout_wrapper {
  height: auto;
  background-color: #ffffff;
  margin-top: 0.2rem;
  padding: 0 0.2rem;
}

.line_chart {
  width: 7.02rem;
  height: 5rem;
}
[theme-mode='black'] .insustry_layout_wrapper {
  height: auto;
  background-color: #121212;
  margin-top: 0.2rem;
}
</style>
